<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href=""  th:href="@{/css/login.css}"/>
<SCRIPT th:src="@{/js/lib/jquery/jquery-1.8.0.min.js}" type="text/javascript"></SCRIPT>
<SCRIPT th:src="@{/js/lib/security/sha256.js}" type="text/javascript"></SCRIPT>
<SCRIPT th:src="@{/js/login.js}" type="text/javascript"></SCRIPT>
<title>后台管理登录</title>
</head>
<body>
<script type="text/javascript">
    var ctx = "";
    $(function(){
		Login.init();
    });
</script>
	<div>
	<form id="loginForm" th:action="@{/loginValidate}"  method="post">
		<div class="top_div"></div>
		<div>
			<div>
				<div class="tou"></div>
				<div class="initial_left_hand" id="left_hand"></div>
				<div class="initial_right_hand" id="right_hand"></div>
			</div>
			<p>
				<span class="u_logo"></span> <input class="ipt" id="username" type="text" name="userName" placeholder="请输入用户名或邮箱" value=""/>
			</p>
			<p>
				<span class="p_logo"></span> <input class="ipt" id="password" type="password" placeholder="请输入密码" value=""/>
				<input type="hidden" name="userPassword"/>
			</p>
			<p>
				<span class="c_logo"></span> <input class="iptx" maxlength="5" id="vcode" name="vcode" type="text" placeholder="请输入验证码" value=""/>
				<img class="validate_code" onclick="Login.reloadImage(this)" alt="验证码加载中" title="看不清点击刷新"
				src="" th:src="@{/checkCode}"/>
			</p>
			<div class="login_tip"><span id="error-tip" th:text="${errorTip}"></span></div>
			<div>
				<p>
					<span>
						<a class="d-font" href="#">忘记密码?</a>
					</span> 
					<span>
						<a class="d-font" href="#">注册</a>
						<a class="login_btn" href="#">登录</a> 
					</span>
				</p>
			</div>
		</div>
	</form>
	</div>
	<div>
		<p class="copyright"></p>
	</div>
</body>
</html>